<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>QQ浏览器-为你而生</title>
    <link rel="stylesheet" href="css/index.css">
    <!--<link rel="stylesheet" href="css/index333.css">-->
</head>
<body>
<!--5屏-->

<section class="p1">
    <div class="p1-header">
        <img src="images/logo.png" alt="logo">
        <a href="javascript:;">立即下载</a>
    </div>
    <div class="p1-main">
        <ul>
            <li><img src="images/page1_main_1.png" alt=""></li>
            <li><img src="images/page1_main_2.png" alt=""></li>
            <li><img src="images/page1_main_3.png" alt=""></li>
            <li><img src="images/page1_main_4.png" alt=""></li>
            <li><img src="images/page1_main_5.png" alt=""></li>
        </ul>
    </div>
    <div class="p1-round">
        <img src="images/page1_3_round.png" alt="">
    </div>
</section>
<section class="p2 current">
    <div class="p2-title">
        <img src="images/page2_title.png" alt="">
        <p>支持Chromium V40 稳定版<br>
            Mac平台独家支持网址云安全检测</p>
    </div>
    <div class="p2-bg">
        <img src="images/page2_glow.png" alt="">
        <img src="images/page2_lineglow.png" alt="">
    </div>
    <div class="p2-mian">
        <ul>
            <li><img src="images/page2_main_1.png" alt=""></li>
            <li><img src="images/page2_main_2.png" alt=""></li>
            <li><img src="images/page2_main_3.png" alt=""></li>
            <li><img src="images/page2_main_4.png" alt=""></li>
        </ul>
    </div>
</section>
<section class="p3 current">
    <div class="p3-title">
        <img src="images/page3_title.png" alt="">
    </div>
    <div class="p3-bg">
        <ul>
            <li><img src="images/page3_glow.png" alt=""></li>
            <li><img src="images/page3_logo.png" alt=""></li>
        </ul>
    </div>
    <div class="p3-mian">
        <ul>
            <li><img src="images/page1_3_round.png" alt=""></li>
            <li><img src="images/page1_3_round.png" alt=""></li>
            <li><img src="images/page1_3_round.png" alt=""></li>
        </ul>
    </div>
</section>
<section class="p4 current">
    <div class="p4-title">
        <img src="images/page4_title.png" alt="">
    </div>
    <div class="p4-mian">
        <ul>
            <li><img src="images/page4_main_clock.png" alt=""></li>
            <li><img src="images/page4_main_clockout.png" alt=""></li>
            <li><img src="images/page4_main_sheild.png" alt=""></li>
            <li><img src="images/page4_main_storm.png" alt=""></li>
            <li><img src="images/page4_main_xf.png" alt=""></li>
        </ul>
    </div>
    <div class="p4-bg">
        <img src="images/page4_tag.png" alt="">
        <p>BT/eMule/旋风文件一站式下载</p>
    </div>
    <div class="p4-line">
        <img src="images/page4_lineglow.png" alt="">
        <img src="images/page4_lineglow.png" alt="">
    </div>
</section>
<section class="p5 current">
    <div class="p5-bg">
        <p>
            双击关闭、超级拖拽、广告过滤<br>
            恢复按钮、网银插件、截图
        </p>
    </div>
    <div class="p5-title">
        <img src="images/page5_title.png" alt="">
    </div>
    <div class="p5-mian">
        <ul>
            <li><img src="images/page5_icon_1.png" alt=""></li>
            <li><img src="images/page5_icon_2.png" alt=""></li>
            <li><img src="images/page5_icon_3.png" alt=""></li>
            <li><img src="images/page5_icon_4.png" alt=""></li>
            <li><img src="images/page5_icon_5.png" alt=""></li>
            <li><img src="images/page5_icon_6.png" alt=""></li>
        </ul>
    </div>
</section>
<!--剩下4屏幕顶部-->
<div class="header-left">
    <img src="images/logo_small.png" alt="logo">
    <a href="javascript:;">立即下载</a>
</div>
<!--小圆点-->
<ul class="gps">
    <li class="current"></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

<!--页脚-->
<footer>
    <span>&copy;Tencent</span>
    <ul>
        <li><a href="javascript:;">2.0版官网 |</a></li>
        <li><a href="javascript:;">历史版本下载 |</a></li>
        <li><a href="javascript:;">PC 版 |</a></li>
        <li><a href="javascript:;">论坛 |</a></li>
        <li><a href="javascript:;">微博</a></li>
    </ul>
</footer>

<!--指示器-->
<div class="scroll">
    <img src="images/scroll.png" alt="指示器" width="29" height="31">
</div>

<script src="js/jquery-1.7.2.min.js"></script>
<script src="js/jquery.mousewheel.min.js"></script>
<script src="js/index.js"></script>
</body>
</html>